<%@ page language="java" contentType="text/html; charset=UTF-8"%>
<%@ taglib uri="/struts-tags" prefix="struts"%>

<!DOCTYPE html>

<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Welcome to IMessager</title>
<link type="text/css" href="./bootstrap/css/bootstrap.css"
	rel="stylesheet" />
<link type="text/css" href="./bootstrap/css/bootstrap-responsive.css"
	rel="stylesheet" />

<script type="text/javascript" src="./js/jquery-1.7.1.js"></script>
<script type="text/javascript" src="./js/jquery.form.js"></script>
<script type="text/javascript" src="./bootstrap/js/bootstrap.js"></script>
<script type="text/javascript" src="./js/register_success.js"></script>

<link type="text/css" href="./css/register_success.css" rel="stylesheet" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
</head>
<body id="wrapper">
	<div id="bg_wrapper">
		<img src="./image/login_bg_7.jpg" />
	</div>

	<div>
		<div class="navbar">
			<div class="navbar-inner">
				<div class="container">
					<a class="btn btn-navbar" data-toggle="collapse"
						data-target=".nav-collapse"> <span class="icon-bar"></span> <span
						class="icon-bar"></span> <span class="icon-bar"></span> </a> <img
						class="brand" src="./image/logo.png" />
					<div class="nav-collapse">
						<ul class="nav">
							<li><a href="">Home</a></li>
							<li class="active"><a href="#">注册</a></li>
							<li><a href="#">关于</a></li>
						</ul>
						<ul class="nav pull-right">
							<li class="divider-vertical"></li>
							<li class="dropdown"><a href="#" class="dropdown-toggle"
								data-toggle="dropdown">选择语言 <b class="caret"></b> </a>
								<ul class="dropdown-menu">
									<li><a href="#">中文</a></li>
									<li class="divider"></li>
									<li><a href="#">English</a></li>
									<li class="divider"></li>
									<li><a href="#">Other</a></li>
								</ul>
							</li>
						</ul>
					</div>
					<!-- /.nav-collapse -->
				</div>
			</div>
			<!-- /navbar-inner -->
		</div>
		<div id="form-wrapper" class="row">
			<div id="form-field" class="span5 offset3 well">
				<div class="alert alert-success">
					<button type="button" class="close" data-dismiss="alert">×</button>
					<strong>恭喜!</strong>您已成功注册iMessage.
				</div>
				<fieldset>
					<legend>继续完善个人信息</legend>
					<div>
						<form id="upload-form" method="post" action="uploadAvatar"
							class="form-inline">
							<div class="control-group">
								<label class="control-label" for="avatar">上传头像：</label> 
								<span id="uploadImg"> <input class="btn" type="file"
									id="avatar" name="avatar" size="1" style="cursor: pointer">
									<a href="#" class="btn" >上传图片</a> </span> 
									<input id="upload_btn"
									type="submit" class="btn pull-right" value="上传" />
							</div>
						</form>
					</div>
					<div > <img id="preview-avatar" src="./image/default.jpg"/> </div>
				</fieldset>
				<div class="form-actions pull-right">
					&nbsp;&nbsp;&nbsp;&nbsp;
					<a class="btn" href="confirmAvatar?confirm=false">跳过，暂时不设置</a>
					&nbsp; &nbsp;&nbsp;
					<a  class="btn btn-primary" href="confirmAvatar?confirm=true">
						<i class="icon-user icon-white"></i>保存头像
					</a>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
